<template>
	<view class="authentication-user">
		<xzfx-panel :showTitle="false">
			<view slot="content">
				<view class="upload-panel">
					<view class="upload-panel-title">身份证人像面</view>
					<view class="upload-panel-box">
						<view class="upload-panel-state xzfx_icon_pass"></view>
						<image class="upload-panel-image" :src="user.userInfo.idImgFront" mode="widthFix"></image>
					</view>
				</view>
				<view class="upload-panel">
					<view class="upload-panel-title">身份证国徽面</view>
					<view class="upload-panel-box">
						<view class="upload-panel-state xzfx_icon_pass"></view>
						<image class="upload-panel-image" :src="user.userInfo.idImgBack" mode="widthFix"></image>
					</view>
				</view>
			</view>
		</xzfx-panel>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				user: uni.getStorageSync("userInfo")
			};
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #fff !important;
	}
	.authentication-user{
		padding: 10rpx 0 50rpx 0;
		.upload-panel{
			margin-top: 20rpx;
			.upload-panel-title{
				color: #666666;
				font-size: 30rpx;
				padding-bottom: 15rpx;
			}
			.upload-panel-box{
				position: relative;
				.upload-panel-state{
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 200rpx;
					color: #4cd964;
					font-weight: 500;
				}
				.upload-panel-image{
					width: auto;
					height: 300rpx;
					display: block;
				}
			}
		}
		.upload-panel:first-child{
			margin-top: 0;
		}
	}
</style>